

<HTML>
<HEAD>
<TITLE>Eighth Test of Section 17.6 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">


table {border-collapse: collapse;
       border: 5px solid yellow; }
*#coll {border: 3px solid black; }
td {border: 1px solid red; padding; 1em; }
td.solid-blue {border: 5px dashed blue; }
td.solid-green {border: 5px solid green;}
</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Eighth Testable Statement of Sec 17.6 of CSS2 Specification
</h1>


<ul>
<li  >
8. There are four precedence rules to determine which border style "wins"
in case of a conflict.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #8 above is passed, then
the table below should have three columns and five rows, with different 
border styles.
<p>
<table>
<col id="coll"><col id="col2"><col id="col3">
<tr id="row1">
    <td> 1
    </td>
    <td> 2
    </td>
    <td> 3
    </td>
</tr>
<tr id="row2">
    <td> 4
    </td>
    <td class="solid-blue"> 5
    </td>
    <td class="solid-green"> 6
    </td>
</tr>
<tr id="row3">
    <td> 7
    </td>
    <td> 8
    </td>
    <td> 9
    </td>
</tr>
<tr id="row4">
    <td> 10
    </td>
    <td> 11
    </td>
    <td> 12
    </td>
</tr>
<tr id="row5">
    <td> 13
    </td>
    <td> 14
    </td>
    <td> 15
    </td>
</tr>
</table>
The rules applied are
"table {border-collapse: collapse; border: 5px solid yellow;}",
*#col1 {border: 3px solid black}", "td {border: 1px solid red; padding: 1em:}"
, "td.solid-blue {border: 5px dashed blue;}", and "td.solid-green
{border: 5px solid green}".
All other properties of this page should be UA-default.


</BODY>
</HTML>

